<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			a{
				text-decoration: none!important;
			}
			.header{
				background-color: #007AFF;
			}
			.header a{
				color: white;
			}
			.header h1{
				color: white;
			}
			.lisize a img{
				width: 60px;
				height: 60px;
				margin-right: 25px;
			}
			.lisize p{
				font-size: 18px;
				padding: 5px 0px 5px 0px;
			}
			.body-ul{
				margin-top: 10px;
			}
			.body-ul li p span{
				position: absolute;
				top: 0;left: 35%;
				color: #000000;
				line-height: 43px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">商品详情</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-media lisize">
			        <a href="javascript:;" class=" mui-navigate-right">
			            <img class="mui-pull-left" src="images/diannao.png">
			            <div class="mui-media-body">
			                <p class="mui-ellipsis">电脑</p>
			                <p class="mui-ellipsis">d12345</p>
			            </div>
			        </a>
			    </li>
			    
			</ul>
		    <ul class="mui-table-view body-ul">
		            <li class="mui-table-view-cell">
		                <p class="mui-ellipsis">价格：<span>6888</span></p>
		            </li>
		            <li class="mui-table-view-cell">
		                <p class="mui-ellipsis">类别：<span>电子</span></p>
		            </li>
		    </ul>
		    <ul class="mui-table-view body-ul">
		            <li class="mui-table-view-cell">
		                <p class="mui-ellipsis">备注：<span>6888</span></p>
		            </li>
		    </ul>
		    <ul class="mui-table-view body-ul">
		            <li class="mui-table-view-cell">
		                <p class="mui-ellipsis">进货价：<span>6888</span></p>
		            </li>
		    </ul>
		    <ul class="mui-table-view body-ul">
		            <li class="mui-table-view-cell">
		                <p class="mui-ellipsis">库存总量：<span>6888</span></p>
		            </li>
		    </ul>
		    <ul class="mui-table-view body-ul">
		            <li class="mui-table-view-cell">
		                <p class="mui-ellipsis">销售总量：<span>6888</span></p>
		            </li>
		    </ul>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>